<!DOCTYPE html>
<html>
<head>
  <title>Roboto-js</title>
  <script type="text/javascript" src="jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="roboto.js"></script>
  <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
  <h1 class="header">Roboto-js</h1>
  <div id="mainContainer">
    <div id="formContainer">
      <form id="form">
        <div>
          <label for="commands">Commands</label>
        </div>
        <div>
          <textarea id="commands" rows="10" cols="15">
8
move 7 onto 1
move 5 onto 1
move 1 onto 6
move 4 onto 3
move 1 onto 4
move 3 onto 1
move 5 onto 2
move 4 onto 5
quit</textarea>

        </div>
        <div>
          <input type="submit"/>
          <input id="pauseSecs" type="text" value="350" size="9"/>
        </div>
        <div><ul id='messages'></ul></div>
      </form>
    </div>
    <div id="canvasContainer">
      <canvas id="canvy" width="800" height="300"/>
    </div>
  </div>
</body>
</htlm>